<template>
	<carousel :img-list="imgList" url-key="url" @selected="selectedBanner"/>
</template>

<script>
	import carousel from '@/components/vear-carousel/vear-carousel'
	export default {
		components: {
			carousel
		},
		data() {
			return {
				imgList: [{
					url: 'https://z3.ax1x.com/2021/03/05/6ehghR.jpg',
					id: 1
				},{
					url: 'https://z3.ax1x.com/2021/03/05/6ehnfI.jpg',
					id: 2
				},{
					url: 'https://z3.ax1x.com/2021/03/05/6ehfc6.jpg',
					id: 3
				},{
					url: 'https://z3.ax1x.com/2021/03/05/6efCqg.jpg',
					id: 4
				},]
			}
		},
		methods: {
			selectedBanner(item, index) {
				console.log('🥒', item, index)
			}
		}
	}
</script>

